<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/manage.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.default.js"></script>
<script type="text/javascript" src="../../js/jquery.validate.js"></script>
<!--[if ie]><link href="../../css/ie.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){
		
		$.validator.addMethod("stringCheck", function(value, element) {          
			return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);       	
		}, "只能包括中文字、英文字母、数字和下划线");  
	
		$("#reg_form").validate({
			rules:{
				mail:{
					required:true,
					email:true
				},
				password:{
					required:true
				},
				againpsd:{
					required:true,
					equalTo:"#password"
				},
				user:{
					required:true
				},
				pas_tip:{
					required:true
				},
				answer:{
					required:true
				},
				protocal:{
					required:true
				}
				
			},
			messages:{
				mail:{
					required:"邮箱不能为空！",
					email:"邮箱格式错误！"
				},
				password:{
					required:"密码不能为空！"
				},
				againpsd:{
					required:"密码不能为空",
					equalTo:"两次密码输入不一致，请重新输入！"
				},
				user:{
					required:"用户名不能为空！"
				},
				pas_tip:{
					required:"密码提示问题不能为空！"
				},
				answer:{
					required:"密码提示回答不能为空！"
				},
				protocal:{
					required:"协议未勾选"
				}
			},
			errorPlacement:function(error,element){
				error.appendTo(element.siblings("div.validate_v"));
			}
		});
		
		
	})
</script>
</head>

<body>
	<!-- head -->
    <div class="w100p">
        <div class="head_down_wrap">
        	<div class="w903 mg clearfix">
            	<div class="logo fl"><a href="#"><img src="../../images/common/logo.png" class="block" /></a></div>
            	<ul class="main_menu">
                	<li>
                    	<a href="#">首页</a>
                    </li>
                    <li>
                    	<a href="#">小店</a>
                    </li>
                    <li>
                    	<a href="#">大街小巷</a>
                    </li>
                </ul>
                <div class="search_box">
                	<input type="text" class="txt" />
                    <input type="button" class="btn" />
                </div>
            </div>    	
        </div>
    </div>
    <!-- head--end-->
    
    <!-- nav_tit -->
    <div class="w100p">
    	<div class="w903 mg">
        	<div class="nav_tit">
            	小时候的胡同，现在的马路？大商场的繁华，街边小店的幽静，你更喜欢哪个？来吧，我们一起走街串店.......
            </div>
        </div>
    </div>
    <!-- nav_tit--end-->
    
    <!-- body -->
    <div class="w100p mb20">
    	<div class="w903 mg">
        	<div class="box_s1">
            	<div class="b_head"></div>
                <div class="content lr_pd_s1">
                	<div class="login_box reg">
                    	<h3 class="title">登录</h3> 
                        <div class="reg_box"> 
                        	<form action="" id="reg_form">    
                                <table class="com_form">
                                    <tr>
                                        <td width="92" class="col1">*电子邮件</td><td><input type="text" class="def_txt_s3" name="mail" /><br class="clear" /><div class="validate_v" ></div></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1">密码</td><td><input type="password" class="def_txt_s3" name="password" id="password" /><br class="clear" /><div class="validate_v" ></div></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1">再次输入密码</td><td><input type="password" class="def_txt_s3"   name="againpsd" /><br class="clear" /><div class="validate_v" ></div></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1">*用户名</td><td><input type="text" class="def_txt_s3" name="user" /><br class="clear" /><div class="validate_v" ></div></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1">*密码提示问题</td>
                                        <td>
                                            <div class="select_wrap" style="z-index:100">
                                                <div class=" def_drop drop"><span>请选择密码提示问题</span></div>
                                                <input type="hidden" name="pas_tip" />
                                                <br class="clear" /><div class="validate_v" ></div>
                                                <div class="select_data_box select" style=" display:none;" >
                                                    <p dataid="id1" datavalue="value1">您的出生地在哪里？</p>
                                                    <p dataid="id2" datavalue="value2">您就读的小学学校名称？您就读的小学学校名称？您就读的小学学校名称？</p>
                                                    <p dataid="id3" datavalue="value3">你的家庭地址是多少号？</p>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    <!--
                                    <tr>
                                        <td width="92" class="col1">*密码提示问题</td>
                                        <td>
                                            <div class="select_wrap" style="z-index:99">
                                                <div class=" def_drop drop"><span>请选择密码提示问题</span></div>
                                                <input type="hidden" />
                                                <div class="select_data_box select" style=" display:none;" >
                                                    <p dataid="id1" datavalue="value1">您的出生地在哪里？</p>
                                                    <p dataid="id2" datavalue="value2">您就读的小学学校名称？您就读的小学学校名称？您就读的小学学校名称？</p>
                                                    <p dataid="id3" datavalue="value3">你的家庭地址是多少号？</p>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    -->
                                    <tr>
                                        <td width="92" class="col1">*密码提示答案</td><td><input type="text" class="def_txt_s1" name="answer" /><br class="clear" /><div class="validate_v" ></div><span class="tip_1">密码保护信息用于取回密码以及处理其他账户问题，请您谨慎填写并牢记</span></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1">验证码</td><td><input type="text" class="def_txt_s2" /><img src="../../images/others/yzm.png" class="yzm" /><span class="tip">点击图片换一张</span></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1"></td><td><input type="hidden" name="protocal" /><i class="chb_s3 is_check" dataid="id1" datavalue="value1"></i><span class="tip protocol">我已经阅读并同意<服务协议></span><br class="clear" /><div class="validate_v" ></div></td>
                                    </tr>
                                    <tr>
                                        <td width="92" class="col1"></td><td><div class="mt10"><input type="submit" class="def_btn_s5 mr10" value="免费注册" /><input type="button" class="def_btn_s6" value="您已经注册，请登录" /></div></td>
                                    </tr>
                                </table>
                            </form>
                        </div>   
                        
                    </div>
                    
                </div>
                <div class="b_foot"></div>
            </div>
        </div>
    </div>
    
    <!-- body--end-->
    
    <!-- foot-->
    <div class="footer_wrap">
    	<div class="w903 mg foot">
        	<div class="foot_menu">
            	<a href="#">关于我们</a>
                <a href="#">广告服务</a>
                <a href="#">使用帮助</a>
                <a href="#">加入我们</a>
                <a href="#">免责声明</a>
                <a href="#">给我们意见</a>
            </div>
            <div class="copyright">
            	Copyright © 2012 街边小店 版权所有  ©沪ICP备10026245号
            </div>
            <div class="share_box">
            	<a href="#" class="icon_s1"></a>
                <a href="#" class="icon_s2"></a>
            </div>
        </div>
    </div>
    <!-- foot--end-->	
</body>
</html>
